<template>
  <div id="app">
    <my-header v-if="this.$route.fullPath!='/login'&&this.$route.fullPath!='/register'&&this.$route.fullPath!='/car'"/>
    <header-del v-else/>
    <router-view/>
    <my-footer/>
  </div>
</template>
<script>
import HeaderDel from './components/HeaderDel.vue'
import MyCarousel from './components/MyCarousel.vue'
import MyCon from './components/MyCon.vue'
import MyFooter from './components/MyFooter.vue'
import MyHeader from './components/MyHeader.vue'
import MyNav from './components/MyNav.vue'
export default {
  components: { MyHeader, MyCarousel, MyNav, MyCon, MyFooter, HeaderDel },
  data() {
    return {
      key: null
    }
  },

}
</script>
<style lang="scss">
#app{
  width: 1000px;
  margin: 0 auto;
  ul{
    list-style: none;
  }
  a{
    text-decoration: none;
  }
  .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
  }
  .swiper-pagination-bullet-active{
    background-color: #804e22;
  }
  .el-tabs__item{
    font: 16px "微软雅黑";
    color: #333;
  }
  .el-tabs__item:hover{
    color: #884e22;
  }
  .el-tabs__item.is-active{
    color: #884e22;
  }
  .el-tabs__active-bar{
    background-color: #884e22;
  }
  .el-tabs__nav-wrap::after{
    width: 647px;
  }
}
</style>
